@import 'public';

// 补丁 base
@import '~@/assets/style/fixed/base.scss';
// 补丁 element
@import '~@/assets/style/fixed/element.scss';
// 补丁 markdown
@import '~@/assets/style/fixed/markdown.scss';
// 补丁 vue-splitpane
@import '~@/assets/style/fixed/vue-splitpane.scss';
// 补丁 vue-grid-layout
@import '~@/assets/style/fixed/vue-grid-layout.scss';

// 动画
@import '~@/assets/style/animate/vue-transition.scss';

// 在这里写公用的class
// 注意 这个文件里只写class
// mixin等内容请在 public.scss 里书写

// 文字相关
.#{$prefix}-text-center {
  text-align: center;
}

// 浮动相关
.#{$prefix}-fl {
  float: left;
}
.#{$prefix}-fr {
  float: right;
}
.#{$prefix}-clearfix:before,
.#{$prefix}-clearfix:after {
  display: table;
  content: "";
}
.#{$prefix}-clearfix:after {
  clear: both
}

// 边距相关
.#{$prefix}-m { margin: $margin; }
.#{$prefix}-mt { margin-top: $margin; }
.#{$prefix}-mr { margin-right: $margin; }
.#{$prefix}-mb { margin-bottom: $margin; }
.#{$prefix}-ml { margin-left: $margin; }

.#{$prefix}-m-10 { margin: 10px; }
.#{$prefix}-mt-10 { margin-top: 10px; }
.#{$prefix}-mr-10 { margin-right: 10px; }
.#{$prefix}-mb-10 { margin-bottom: 10px; }
.#{$prefix}-ml-10 { margin-left: 10px; }

.#{$prefix}-m-0 { margin: 0px; }
.#{$prefix}-mt-0 { margin-top: 0px; }
.#{$prefix}-mr-0 { margin-right: 0px; }
.#{$prefix}-mb-0 { margin-bottom: 0px; }
.#{$prefix}-ml-0 { margin-left: 0px; }



.#{$prefix}-p { padding: $margin; }
.#{$prefix}-pt { padding-top: $margin; }
.#{$prefix}-pr { padding-right: $margin; }
.#{$prefix}-pb { padding-bottom: $margin; }
.#{$prefix}-pl { padding-left: $margin; }

.#{$prefix}-p-10 { padding: 10px; }
.#{$prefix}-pt-10 { padding-top: 10px; }
.#{$prefix}-pr-10 { padding-right: 10px; }
.#{$prefix}-pb-10 { padding-bottom: 10px; }
.#{$prefix}-pl-10 { padding-left: 10px; }

.#{$prefix}-p-0 { padding: 0px; }
.#{$prefix}-pt-0 { padding-top: 0px; }
.#{$prefix}-pr-0 { padding-right: 0px; }
.#{$prefix}-pb-0 { padding-bottom: 0px; }
.#{$prefix}-pl-0 { padding-left: 0px; }
